import React from 'react'
import { useNavigate } from 'react-router-dom'

import './index.css'
import img1 from '../../static/img/foot/foot-1.png'
import img2 from '../../static/img/foot/foot-2.png'
import img3 from '../../static/img/foot/foot-3.png'
import img4 from '../../static/img/foot/foot-4.png'
import img5 from '../../static/img/foot/foot-5.png'
import footlogo from '../../static/img/logo.png'
import code from '../../static/img/foot/foot-6.png'
export default function Footer() {
    const navigate = useNavigate()
 function youxian(){
    navigate('/youxbz')
 }
    return (
        <div className='foot'>
            <div className='foot-1'>
                <div className='foot-1-1'>
                    <div className='footimg1'>
                      <img src={img1} alt=""/>
                    </div>
                    <div className='foottext' onClick={youxian}> 优鲜保障</div>
                </div>
                <div className='foot-1-1'>
                <div className='footimg1'>
                      <img src={img2} alt=""/>
                    </div>
                    <div className='foottext'>全程监控</div>
                </div>
                <div className='foot-1-1'>
                <div className='footimg1'>
                      <img src={img3} alt=""/>
                    </div>
                    <div className='foottext'>礼拜五优惠</div>
                </div>
                <div className='foot-1-1'>
                <div className='footimg1'>
                      <img src={img4} alt=""/>
                    </div>
                    <div className='foottext'>基地直供</div>
                </div>
                <div className='foot-1-2'>
                <div className='footimg1'>
                      <img src={img5} alt=""/>
                    </div>
                    <div className='foottext'>准时送达</div>
                </div>
            </div>
            <div className='foot-2'>
                <div className='foot2-1'>
                    <img src={footlogo} alt="" />
                    <p className='foot2-p'>服务时间:08:-22:00 &nbsp; <i className='fa fa-phone' ></i> &nbsp;<strong>400-800-8820 </strong></p>
                </div>
                <div className='foot2-2'>
                    <div className="code">
                        <img src={code} alt="" />
                        <p>礼拜五官方微信</p>
                    </div>
                    <div className="code">
                        <img src={code} alt="" />
                        <p>礼拜五APP</p>
                    </div>
                </div>
                <div className='foot2-3'>
                    <ul>
                        <li> 关于礼拜五</li>
                        <li>新用户注册</li>
                        <li>在线下单</li>
                        <li>支付方式</li>
                    </ul>
                    <ul>
                        <li> 配送说明</li>
                        <li>运费说明</li>
                        <li>配送方式</li>
                        <li>发票说明</li>
                    </ul>
                    <ul>
                        <li> 售后服务</li>
                        <li>退换货说明</li>
                        <li>服务保障承诺</li>
                        <li>验货与签收</li>
                    </ul>
                    <ul>
                        <li> 加盟礼拜五</li>
                        <li>加盟条款</li>
                        <li>公司简介</li>
                        <li>服务协议</li>
                    </ul>
                </div>
            </div>
            <div className='foot-3'>
                <p>版权所有@礼拜五 &nbsp; 保留所有权利&nbsp;|&nbsp;沪ICP备12042163</p>
                <p className='foot3-p'>礼拜五&nbsp;纵向品质</p>
            </div>

        </div>
    )
}
